<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style>
			.hover{
				display: none;
			}
			div>div{
				width: 60px;
				height: 60px;
			}
			.t1{
				float: right;
			}
			.t2{
				float: right;
				display: none;
			}
			.t1:hover{
				color: red;
			}
			.t1:hover .hover{
				display: block;
			}
			.t1:hover+.t2{
				display: block;
			}
			.t1:hover .static{
				display: none;
			}
			.t2>div{
				width:140px ;
				font-size: 24px;
				padding: 0px 30px;
				color: gray;
			}
		</style>
	</head>
	<body>
		<div class="t1">
			<div class="static">
				<img src="img/1.png" >
			</div>
			<div class="hover">
				<img src="img/2.png" >
			</div>
			<span>
				手机APP
			</span>
		</div>
		<div class="t2">
			<img src="img/erweima.png" />
			<div>扫码领取新人百元礼包</div>
		</div>
	</body>
</html>
